HTML5中新增的一些表单控件

#HTML5中新增的一些表单控件| 来源: 网络整理| 查看: 265

HTML5中新增的表单控件

在HTML5，新增加了一些表单控件，这些表单控件提供了非常有用的一些功能。

更丰富的input种类

下表是新增加的type属性值和其所对应的控件：

type属性值控件 color 颜色选择控件 email 电子邮件输入控件 date、time 日期、时间选择控件 number 数字输入控件 file 文件选择控件 search 搜索框 range 拖拽条 url 网址输入控件

示例代码如下：

请选择你喜欢的颜色：请输入时间、日期：请输入收件人的邮箱：请输入你的幸运数字：请选择文件：搜索框、拖拽条：请输入网址：

在HTML5中新增的表单控件中、电子邮件输入控件和网址输入控件都需要输入规范，邮箱必须加@符号，网址须以http开头，否则会提示你。代码效果如下：在这里插入图片描述

控件

控件可以为输入框提供一些备选项，当用户输入的内容与备选项文字相同时，将会显示智能感应。这个我相信在平常都遇到过，示例代码如下：

省份：

代码效果如下：在这里插入图片描述

可以看到，我输入“北”字，下拉框会智能匹配带“北”字的省份。

【本文地址】

今日新闻